Optimize Images Using Height and Width Tags

Images are another form of information as well as communication tools widely used these days. Do you know that without proper tags, those images will put so much strain to the browsers and your blog loading speed?

It is very important to specify the width and the height of your images. Since the text of your page usually loads faster, if you don’t specify the width and the height of your images the browser will have to reposition the text once the pictures load, consuming more time. If you take the time to specify the width and height of your images, the browser will lay out the text where it should go from the beginning, even before it loads the images, saving time.

All you have to do is pretty simple. Whenever you use an image, don’t forget to include the width and height tag of each image. The sample can be seen below.

<img src="url" width="50" height="20" alt="text" />

Pretty simple, doesn’t it? Make it as your habit by inserting these tags to every image you use. Not only it improves the load time of the page this method is also more user friendly since the visitor can start reading the text while the image is being downloaded.

This method both wins you and the visitor. So, why should you ignore it?

digg reddit delicious stumbleupon technorati furl ma.gnolia
Does this post useful? Subscribe to RSS Feed for updates.
Posted on: June 15, 2008 | Under Blog Optimization 
 

Share your thoughts




Speak your mind